﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>欢迎来到219 主页</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- ------------------------------------------------- -->
    <link rel="stylesheet" href="Content/base.css" />
    <link rel="stylesheet" href="Content/fullpage.min.css" />
    <!-- 引入外部字体连接 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2935587_97eo1d0furr.css" />
    <!-- 引入animate -->
    <link rel="stylesheet" href="./Content/animate.min.css" />
    <link rel="stylesheet" href="./Content/style-1.css" />
    <link rel="stylesheet" href="./Content/style-2.css" />
    <link rel="stylesheet" href="./Content/style-3.css" />
    <link rel="stylesheet" href="./Content/style-4.css" />
    <link rel="stylesheet" href="./Content/style-5.css" />
    <link rel="stylesheet" href="./Content/jaliswall.css" />
    <!-- ------------------------------------------------- -->
    <script src="Scripts/jQuery.mini.js"></script>
    <script src="Scripts/fullpage.min.js"></script>
    <script src="Scripts/jaliswall.js"></script>
    <script src="Scripts/index.js"></script>
    <style>
        /* 轮播圆点颜色 */
        #fp-nav ul li a span {
            background-color: #fff !important;
        }
        /* 左右滑块的样式 */
        .fp-bottom ul {
            width: 100%;
            text-align: center;
        }
            /* 三屏的圆点颜色 */
            .fp-bottom ul li a span {
                background-color: rgb(255, 255, 255);
            }

        body {
            background-image: linear-gradient(#48f1d5, #fff, #ffa4a4);
        }
    </style>
</head>

<body>
    <audio src="qfl-25.mp3" autoplay="autoplay" loop hidden></audio>
    <div id="dowebok">
        <!-- <h3>第一屏</h3> -->
        <div class="section sec1" id="section1">
            <!-- 背景圆点 -->
            <div class="sec1_circle1"></div>
            <div class="sec1_circle2"></div>
            <div class="sec1_circle3"></div>
            <!-- 头部 -->
            <nav>
                <ul>
                    <li class="local_home">
                        <a href="#page1">
                            <span class="local_hd">Home</span>
                            <span class="local_bd">主页</span>
                        </a>
                    </li>
                    <li class="local_home">
                        <a href="#page2">
                            <span class="local_hd">Preson</span>
                            <span class="local_bd">简介</span>
                        </a>
                    </li>
                    <li class="local_home">
                        <a href="#page3">
                            <span class="local_hd">Photo</span>
                            <span class="local_bd">照片集</span>
                        </a>
                    </li>
                    <li class="local_home">
                        <a href="#page4">
                            <span class="local_hd">Storeroom</span>
                            <span class="local_bd">储物间</span>
                        </a>
                    </li>
                    <li class="local_home">
                        <a href="#page5 ">
                            <span class="local_hd">More</span>
                            <span class="local_bd">更多</span>
                        </a>
                    </li>
                </ul>
            </nav>
            <!-- 内容区域 -->
            <main>
                <div class="main_left">
                    <div class="myPhoto current">
                        <a href="#">
                            <img src="./img/myphoto.jpg" alt="" />
                            <h3>第三组</h3>
                            <p>219官网</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p></p>
                            <span>首页</span>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p></p>
                            <span>第一区域</span>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p></p>
                            <span>第二区域</span>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p></p>
                            <span>第三区域</span>
                        </a>
                    </div>
                </div>
                <div class="main_right">
                    @RenderBody()
                    <div class="content hidden" style="display: block">
                        <p>无论对谁太过热情，就增加了不被珍惜的概率</p>
                        <p>弱能避开猛烈的狂喜，自然不会有悲痛袭来。——《人间失格》</p>
                        <p>爱意随风起，自然知湫意。</p>
                    </div>
                </div>
            </main>
        </div>
    </div>
    <!-- ------------------------------------------------- -->
    <!-- 官网提供的 axios 在线地址 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- 引入在线axios地址 -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="./Scripts/vue.js"></script>
</body>
</html>